<!DOCTYPE html>
<html>
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
    <meta charset="utf-8">
    <title>project</title>
    <script>
        window.AnimeRender =
                window.requestAnimationFrame ||
                window.webkitRequestAnimationFrame ||
                window.mozRequestAnimationFrame ||
                window.oRequestAnimationFrame ||
                window.msRequestAnimationFrame ||
                function (callback) {
                    window.setTimeout(callback, 1000 / 60);
                };
    </script>
</head>
<body>
<ul>
    <li @click='tabChange("flat")' :style="style('flat')">Flat</li>
    <li @click='tabChange("model")' :style="style('model')">Model</li>
    <li @click='tabChange("firefly")' :style="style('firefly')">Firefly</li>
    <li @click='tabChange("aries")' :style="style('aries')">Aries</li>
    <li @click='tabChange("rollpad")' :style="style('rollpad')">Slot Machine</li>
</ul>
<div :is="tab"></div>
<!-- built files will be auto injected -->
</body>
</html>